<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="./css/bootstrap.min.css" />
	<script type="text/javascript" src="./js/jquery.js"></script>
	<script type="text/javascript" src="./js/bootstrap.js"></script>
	<style type="text/css">
		#header-content{
			<!-- background:lightgray; -->
		}
		<!-- #main-content{ -->
			<!-- min-height:800px; -->
		<!-- } -->
		#login-form{
			padding-top:150px;
		}
		#footer-content{
			padding-top:15px;
		}

	</style>
</head>
<body>
	<div class="container">
		<div id="header-content" class="page-header">
			<h1>SNERDI<small> EDRMS</small></h1>
			<p class="text-right"><a href="" type="button" class="btn btn-default btn-xs">联系工作人员</a></p>
		</div>
		<div id="main-content" class="row">
			<div class="col-md-8">


				<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
				  <!-- Indicators -->
					<ol class="carousel-indicators">
						<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
						<li data-target="#carousel-example-generic" data-slide-to="1"></li>
						<li data-target="#carousel-example-generic" data-slide-to="2"></li>
					</ol>

				  <!-- Wrapper for slides -->
					<div class="carousel-inner" role="listbox">
						<div class="item active">
							<img src="./img/desert.jpg" alt="...">
							<div class="carousel-caption">
								...
							</div>
						</div>
						<div class="item">
							<img src="./img/Penguins.jpg" alt="...">
							<div class="carousel-caption">
								...
							</div>
						</div>
						<div class="item">
						    <img src="./img/Tulips.jpg" alt="...">
							<div class="carousel-caption">
								...
							</div>
						</div>
					</div>

				  <!-- Controls -->
					<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
						<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
						<span class="sr-only">Previous</span>
					</a>
					<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
						<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
						<span class="sr-only">Next</span>
					</a>
				</div>

			</div>
			<div class="col-md-4 ">
				<form id="login-form" action="#" class="">
					<div class="form-group">
						<laber for="username">请输入用户名</laber>
						<input type="text" class="form-control" id="username" />
					</div>
					<div class="form-group">
						<laber for="passwd">请输入密码</laber>
						<input type="password" class="form-control" id="password" />
					</div>
					<div class="checkbox">
						<label for=""><input type="checkbox" />记住密码</label>
					</div>
					<button type="submit" class="btn btn-info btn-block">登录</button>
				</form>
			</div>
		</div>
		<div id="footer-content" class="row">
			<div class="row">
				<ul class="list-inline text-center">
					<li><a href="">创蓝官网</a></li>
					<li><a href="">联系我们</a></li>
					<li><a href="">投诉建议</a></li>
					<li><a href="">关于我们</a></li>
					<li><a href="">站长统计</a></li>
				</ul>
			</div>
			<div class="row">
				<h4 class=text-center>上海核工程研究设计院 版权所有CopyRight © 2012-2017 ALL Rights Reserve<h4>
			</div>
		</div>
	</div>
</body>
</html>
<!-- <div class="jumbotron"> -->
	<!-- <h1>设计质量管理平台<br><small>上海核工程研究设计院</small></h1> -->
	<!-- <p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p> -->
	<!-- <p><a href="#" class="btn btn-primary btn-lg">了解更多</a></p> -->
<!-- </div> -->